import React, {useEffect, useState} from 'react';
import Child from "./Child";

function App(props) {
	const [num,setNum] = useState(1);
	const [isShow,setIsShow] = useState(true);
	// 挂载完毕执行,当数据状态更新完毕且视图也更新完毕后执行。
	// useEffect(function(){
	// 	console.log("useEffect",document.querySelector("button").innerHTML);
	// })
	
	// useEffect(function(){
	// 	console.log("useEffect",document.querySelector("button").innerHTML);
	// },[num])
	

	// console.log("endUseEffect",document.querySelector("button").innerHTML)
	
	const fn = async function(){
	
	}
	useEffect(function(){
		// (async function(){
		//
		// })();
		fn();
	})
	return (
		<div>
			<button onClick={()=>{
				setNum(num+1)
			}}>{num}</button>
			<button onClick={()=>setIsShow(!isShow)}>显示与隐藏</button>
			{
				isShow && <Child/>
			}
		</div>
	);
}

export default App;